<template>
	<view class="white  fdc aic">
		<view class="taskInfo">
			<view class="aic jcb">
				<uni-title title="美工" type="h2"></uni-title>
					
				<u-button type="primary" plain size="mini">待确认</u-button>
			</view>
			<view class="mb5">
				项目编号：ZY20201002103355000001
			</view>
			<view class="mb5">
				任务佣金：根据实际任务结算
			</view>
			<view class="mb5">
				任务类型：标准任务
			</view>
			<view class="mb5">
				发布企业：河南顺丰供应链管理有限公司
			</view>
			<view class="mb5">
				发布时间：2021-05-30  10:30:50
			</view>
			<view class="mb5">
				任务要求：个人
			</view>
			<view class="mb5">
				完成时间：2021-06-04  10:30:50
			</view>
		</view>
		<view class="">
			<view class="">
				<u-tabs :list="listtaskDetail"
					name="cate_name_taskDetail"
					barWidth="120"  
					:current="current"
					 @change="change"></u-tabs>
			</view>
		</view>
		<view class="p20" v-show="current==0">
			完成小程序的登录、注册、实名认证模块下效果图设计。
			<view class="" v-if="!isSign">
				<u-button 
				@click="goContract"
				type="primary":custom-style="customStyle">
					去签约
				</u-button>
			</view>
			<view class="" v-else>
				<u-button
				@click="sumbit"
				type="primary":custom-style="customStyle">
					提交
				</u-button>
			</view>
		</view>
		<view class="" v-show="current==1">
			尚未签约
			<view class="mb5">
				提交时间：2021-05-04  10:30:50
			</view>
			<view class="mb5">
				提交内容：完成
			</view>
			<view class="mb5 ">
				<view class="">
					完成时间：
				</view>
				
				<image style="width: 400rpx;height: 400rpx;" src="../../static/fan.png" mode=""></image>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		name:"taskDetail",
		data() {
			return {
				isSign:true,//true 签约
				customStyle :{
						width: "600rpx"
					},
				current:0,
				listtaskDetail: [{
									name: '任务描述'
								}, {
									name: '完成凭证'
								}],
			};
		},
		methods:{
			change(index) {
							this.current = index;
						},
						//去签约合同 || 查看合同
						goContract(){
							this.$emit('goContract')
						},
					
						sumbit(){
							this.$emit('sumbitProject')
						}
		}
	}
</script>

<style lang="scss" scoped>
.taskInfo{
	background-color: #fff;
	width: 600rpx;
}
.taskDetailtabs{
	justify-content: flex-start;width: 100%;
}
</style>
